<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>物业缴费</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/headersearch.css" />
    <link rel="stylesheet" type="text/css" href="css/shoufeiguanli.css" />
    <style>
        .panel {
            border: 1px solid #eee;
        }
        .basic_borderline {
            width: 100%;
            height: 0.5rem;
            background: #eee;
        }
        .breadcrumb-header {
            padding: 15px 0 10px 10px;
        }
        .ml20 {
            margin-left:0.5rem;
        }
        .aui_list {
            padding: 5px 14px 5px 14px;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div id="topheader" class="aui-content headerBox">
            <div id="topheadercontent">
                <!-- header -->
                <div class="header">
                    <div class="breadcrumb-header">
                        <label v-on:click="do_open_header(item)" v-for="(item,index) in headerlist">
                            <span v-bind:class="{'islast':index==(headerlist.length-1)}">{{item.name}}</span>
                            <i v-if="index<(headerlist.length-1)" class="icon iconfont icon-xiangyoujiantou"></i>
                        </label>
                        <div v-on:click="do_select_project()" v-if="headerlist.length==0">
                            请选择资源
                            <div class="header_add_img fr"><img src="../image/news_li_more.png" /></div>
                        </div>
                    </div>
                </div>
                <!-- header -->
                <!-- search -->
                <div class="aui-searchbar" id="search">
                    <div class="aui-searchbar-input  aui-searchbar-input-white aui-border-radius">
                        <i class=" icon iconfont icon-sousuo"></i>
                        <input v-model="form.keywords" type="search" placeholder="资源编号、姓名、电话" id="search-input">
                        <div class="aui-searchbar-clear-btn">
                            <i class="icon iconfont icon-guanbi"></i>
                        </div>
                    </div>
                    <div class="aui-searchbar-btn" tapmode></div>
                </div>
                <!-- search -->

            </div>
        </div>

        <!-- panel -->
        <section id="main_refresh" class="aui-refresh-content">
            <div class="pt10" >
                <div v-for="item in list" class="aui_list boxarea mb20">
                    <div v-on:click="open_resources_detail(item)" class="panel_fullName panel_basicStyle aui-ellipsis-1 borderbottom">
                        {{item.FullName}}
                        <span v-if="!item.HasOwnFee" class="fr"><img class="panel_state" src="../image/panel_info_state.png" /></span>
                        <span class="fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>
                    </div>
                    <div class="cl"></div>
                    <div v-on:click="open_userinfo_detail(item)" class="panel_info panel_basicStyle borderbottom">
                        <img class="panel_info_user_img" src="../image/panel_icon_user.png" />
                        <div class="panel_info_name">{{item.RelationName==''&&item.RelatePhoneNumber==''?'未入住':item.RelationName}}</div>
                        <span class="ml10"><img class="panel_info_phone_img" src="../image/panel_icon_phone.png" />&nbsp;&nbsp;{{item.RelatePhoneNumber}}</span>
                        <span class="fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>
                    </div>
                    <div class="cl"></div>
                    <div v-on:click="open_wuyejf(item)" class="panel_arrears panel_basicStyle borderbottom">
                        应收账单<span class="arrears">{{item.TotalFeeCost}}</span>
                        <span class="fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>
                    </div>
                    <div class="cl"></div>
                    <div v-on:click="open_work_Details(item)" class="panel_Work panel_basicStyle">
                        客服工单<span class="record">{{item.TotalServiceCount}}</span> 条
                        <span class="fr"> <i class="icon iconfont icon-xiangyoujiantou ccc"></i></span>
                        <div class="cl"></div>
                    </div>
                </div>
            </div>
        </section>
        <!-- panel -->
    </div>
</body>
<script type="text/javascript" src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-popup-new.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="js/shoufeiguanli.js"></script>

</html>
